<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" href="css/tastyshop.css" />
<title>th_list.jsp</title>
<style type="text/css"> 
 #select_font{ 
    font-family:맑은 고딕; 
  } 
</style> 
</head>
<body>



	<!--  ********************************************************  -->

<%-- 	<c:if test="${??? == 0}">
		<div>
			<span style="width: 95%;">등록된 리뷰가 없습니다.</span>
		</div>
	</c:if>
	
	
	
	<c:if test="${??? > 0}">
	<c:forEach var="???" items="${tasty_shop}">
			<span style="width: 20%;">${tasty_shop.shop_name}</span>
	</c:forEach>
	</c:if> --%>
	

	
	<!--  ********************************************************  -->

	<div id = 'tastyTitle' align="left" style = "margin-top: 20px; margin-bottom: 20px;">
	<img alt="지역별 맛집" src="images/tastyshop/list_tt_02.gif"/>
	</div>
	<p/>
	<div id = 'tastyTitle' align="left" style = "margin-bottom: 20px;">
	<img src = "images/tastyshop/search.gif"/></div>
	<div align="center" style = "margin-right: 550px;">
	
	<fieldset style = "border: 1px solid #EAEAEA; background: #F6F6F6; width: 320px;">
	<select size='1'id="select_font">
		<option>상호명</option>
		<option>테마</option>
	</select>
	<input type='text' id = 'findStr'/> 
	<input type='button' class = 'findBtn' value='검색'/>
	</fieldset>
	</div>
	
	<div style = "height: 50px;"></div>
	<div id = 'tastyTitle' align="left" style = "margin-bottom: 20px;">
    <img src = "images/tastyshop/category.gif"/></div>
	
	<div align = "center" style = "margin: 0 auto;">
		<div id = 'themeBox'>
				<div class="theme">
					<a href = "#"><span>무한제공 리필</span></a>
					<a href = "#"><span>연인을 위한</span></a>
					<a href = "#"><span>직장인을 위한</span></a>
					<a href = "#"><span>건강식 챙기기</span></a>
					<a href = "#"><span>밤새 놀 수 있는</span></a>
					<a href = "#"><span>가족을 위한</span></a>
				</div>
		</div>	
	</div>
	
	<div id='sort' align="center">
	<label>순서정렬</label>
		<select size='1' id="select_font">
			<option>평점 순</option>
			<option>많이 찜한 순</option>
			<option>평가수 순</option>
			<option>등록일 순</option>
		</select>
	</div>


	<div align ="center" style="font-family: 맑은 고딕; font-size: 20px;
	margin: 20px 0 20px 0; color: #B8B8B8;
	">
	총 30건의 리뷰가 등록되어 있습니다.	
	</div>
	
	<div id = 'tastList' align = "center">
		<div class = 'leftBox'>
		<img src = "images/tastyshop/thum_ex.gif"/>
		</div>
	
		<div class = 'rightBox'>
			<div style = "padding: 10px 8px 8px 8px;">
			<!-- <div class="jemok">맛집 제목이 노출됩니다.</div> -->
			<a href = "thema_detail.do"> <div class="jemok">맛집 제목이 노출됩니다.</div></a>
			<hr style = "border: 0px; height: 2px; background-color: #E4E4E4;"/>
			<div class="nicname">작성자</div>|
			<div class="date">날짜</div>|
			<div class="hit">조회수</div>|
			<div class="chu">추천수</div>
			<hr style = "border: 0px; height: 2px; background-color: #E4E4E4;"/>
			<label class = 'contentTitle'><b>상세내용</b></label>
			<div class="content">
			내용이 노출되는 영역입니다<br/>
			내용이 노출되는 영역입니다<br/>
			내용이 노출되는 영역입니다<br/>
			내용이 노출되는 영역입니다<br/>
			내용이 노출되는 영역입니다<br/>
			</div>
			</div>
		</div>	
	</div>
	
	<div id = 'tastList' align = "center">
		<div class = 'leftBox'>
		<img src = "images/tastyshop/thum_ex.gif"/>
		</div>
	
		<div class = 'rightBox'>
			<div style = "padding: 10px 8px 8px 8px;">
			<div class="jemok">맛집 제목이 노출됩니다.</div>
			<hr style = "border: 0px; height: 2px; background-color: #E4E4E4;"/>
			<div class="nicname">작성자</div>|
			<div class="date">날짜</div>|
			<div class="hit">조회수</div>|
			<div class="chu">추천수</div>
			<hr style = "border: 0px; height: 2px; background-color: #E4E4E4;"/>
			<label class = 'contentTitle'><b>상세내용</b></label>
			<div class="content">
			내용이 노출되는 영역입니다<br/>
			내용이 노출되는 영역입니다<br/>
			내용이 노출되는 영역입니다<br/>
			내용이 노출되는 영역입니다<br/>
			내용이 노출되는 영역입니다<br/>
			</div>
			</div>
		</div>	
	</div>
</body>
</html>